<script>
  import $ from 'dfish-widget'
  import Widget from '../Widget.vue'
  import form from '../widget.form.js'
  import input from '../widget.form.input.js'
  import align from '../widget.align.js'

  export default {
    mixins: [Widget],
    data() {
      return {
        name: 'Form',
        remark: '自定义表单内容。默认是横向flex布局，可以设置vertical参数改为纵向。',
        extends: [form, input, align],
        deprecate: 'placeholder',
        attrs: [ {
          name: 'vertical',
          type: 'Boolean',
          remark: '是否垂直布局',
          option: ''
        }, ],
        slots: [{
          name: 'default',
          remark: '表单内容',
          option: ''
        }],
        examples: [{
          remark: '显示纯文本表单信息',
          type: 'html',
          view: true,
          code: `
            <w-grid face="cell">
              <w-form colspan="6" :label="{text:'姓名'}">李德胜</w-form>
              <w-form colspan="6" :label="{text:'民族'}"><span>汉</span></w-form>
            </w-grid>
            `
        }]
      }
    }
  }
</script>

<style>
</style>
